<template>
  <!--最外层-->
    <div class="firstdiv" style="height: 100%">
      <!--里层最外边-->
        <div class="lastdiv">
          <!--最上层-->
          <div>
            <h2>积分兑换</h2>
            <hr>
          </div>
          <h4>兑换礼品心愿单</h4>
          <!--中间层姓名查询h和提交日期查询-->
          <div class="mian">
            <div class="left">
              <el-radio v-model="radio" label="1">按名字查询</el-radio>
              <input  results="s" type="search" placeholder="Search">
            </div>
            <div class="right">
              <el-radio v-model="radio" label="2">按提交名字查询</el-radio>

              <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
            </div>

          </div>
          <!--表格-->
          <div>
            <el-table row-click="show()"
                      border

              ref="singleTable"
              :data="tableData"
              highlight-current-row
              @current-change="handleCurrentChange"
              style="width: 98%;margin: 1% auto">
              <el-table-column type="index" width="188" label="心愿单编号"></el-table-column>
              <el-table-column property="people" label="提交人" width="188"></el-table-column>
              <el-table-column property="time" label="所属支部" width="188"></el-table-column>
              <el-table-column property="givedate" label="提交日期" width="188"></el-table-column>
              <el-table-column property="max" label="心愿单总积分" width="188"></el-table-column>
              <el-pagination
                layout="prev, pager, next"
                :total="50">
              </el-pagination>
            </el-table>
          </div>

        </div>
    </div>
</template>
<script>
    // import __ from '__' // __是需要手动引入的文件
    export default {
        name: '',
        components: {},
        data () {
            return {
                msg: '这个是Home模板页',
              radio: '1',
              tableData: [{
                    index:'1',
                people:'哇',
                time:'撒',
                givedate:'撒',
                max:'1212'
              },]
            }
        },
        methods: {}
    }
</script>
<style lang="postcss" scoped>
    body {
        background-color: #ff0000;
    }
    .firstdiv{
      background-color: #E9EEF3;
    }
  .lastdiv{
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 40px;
  }
    .mian{
      display: flex;
    }
  .left{
    flex:1;
  }
  .right{
    flex:1;

  }
    input[type=search] {
      -webkit-appearance: textfield;
      -webkit-box-sizing: content-box;
      font-family: inherit;
      font-size: 100%;
    }
    input::-webkit-search-decoration,
    input::-webkit-search-cancel-button {
      display: none;
    }
</style>
